<div style="background-color: #aacbde;" >

  <sf #sf mode="search" [schema]="editSchema" button="none" (formChange)="formChange($event)">
    <ng-template sf-template="custom" let-me let-ui="ui" let-schema="schema">
      <input
        nz-input
        style="color:coral"
        [attr.id]="me.id"
        [disabled]="me.disabled"
        [attr.disabled]="me.disabled"
        [nzSize]="ui.size"
        [(ngModel)]="value"
        (ngModelChange)="me.setValue($event)"
        (click)="add()"
        (input)="add()"
        placeholder="请点击"
        readonly
      />
    </ng-template>
  </sf>

  <div  style="text-align:right;padding:5px; margin-top:1px; background-color: #c1dcf3;">
    <button nz-button   (click)="send()">发送</button>
    <button nz-button   (click)="close()">关闭</button>
  </div>
</div>

<nz-modal    
[(nzVisible)]="isVisible"
nzTitle="选择发送人员"
[nzFooter]="null"
(nzOnCancel)="handleCancel()"
[nzWidth]="1000">
  <nz-layout>
    <nz-sider [nzWidth]="300">
        <nz-divider nzText='【岗位列表】' nzOrientation="left" style="color:rgb(238, 85, 85);font-weight: bold;font-size: 13px;"></nz-divider>
        <nz-input-group [nzSuffix]="suffixIcon">
          <input type="text" nz-input [(ngModel)]="searchValue" />
        </nz-input-group>
        <ng-template #suffixIcon>
          <i nz-icon nzType="search"></i>
        </ng-template>
        <div>
        <nz-tree [nzSearchValue]="searchValue" [nzData]="nodes" nzShowLine nzExpandAll nzHideUnMatched (nzClick)="nzEvent($event)" nzAsyncData="true"> </nz-tree>
        </div>
    </nz-sider>

    <nz-content>
      <nz-divider nzText='【已选人员列表】' nzOrientation="left" style="color:rgb(238, 85, 85);font-weight: bold;font-size: 13px;"></nz-divider>
      <div style="border: 1px solid rgba(0, 0, 0, 0.281); padding: 5px;">
        <nz-tag *ngFor="let item of yhList; let i = index" [nzMode]="'closeable'" (nzAfterClose)="handleClose(item)">
          {{ item.label }}
        </nz-tag>
      </div>
      
      <nz-divider nzText='【可选人员列表】' nzOrientation="left" style="color:rgb(238, 85, 85);font-weight: bold;font-size: 13px;"></nz-divider>
      <nz-card style="margin-top: 5;">
        <lb-grid #st [columns]="yhColumns" [sname]="params.sname" [queryparas]="params.queryparas"></lb-grid>
      </nz-card>
    </nz-content>
  </nz-layout>

  <div class="modal-footer">
    <button  nz-button type="submit" [nzType]="'primary'" (click)="saveAdd()">
    <i nz-icon nzType="save"></i>保存
    </button>
  </div>
</nz-modal>

<nz-modal
[(nzVisible)]="isTsVisible"
nzTitle="确定"
[nzFooter]="null"
[nzWidth]="300">

<div nz-row nzGutter="40">
  <div nz-col nzSpan="2">
    <i nz-icon [nzType]="'info-circle'" [nzTheme]="'twotone'" style="font-size: 30px;padding-top: 5px;"></i>
  </div>

  <div nz-col nzSpan="16" style="line-height: 1.9;font-size:14px;">
    <div style="font-weight: bold;margin-top: -6px;">您的邮件没有填写主题。</div>
    <div>您确定继续发送？</div>
  </div>
</div>

<div class="modal-footer">
  <button  nz-button  (click)="confirm()">确定</button>
  <button  nz-button  (click)="cancel()">取消</button>
</div>
</nz-modal>